<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>订单详情</title>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="/yunfu/Public/Css/my.css" rel="stylesheet">

    <script src="/yunfu/Public/Js/my.js"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body style="background-color: #CCCCCC">
<div class="container">
    <div class="row top">
    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" align="left">
        <img src="/yunfu/Public/images/back-white.png" align="center" id="back">
    </div>
    <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8" align="center">
        <span>订单详情</span>
    </div>
    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" align="right">
        <img src="/yunfu/Public/images/home.png" align="center" id="home">
    </div>
</div>
<script>
    mBind("<?php echo U('Index/index');?>");
</script>

    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
             style="background-color: white;padding: 10px 0px 10px 5px;font-size: medium;margin-top: 10px;">
            订单号:201221212112121<br>
            下单时间:2015-08-05&nbsp;11:50
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
             style="background-color: #3399FF;font-size: large;color:white;padding:10px 10px 10px 5px;">
            乘车时间:2015-02-25&nbsp;11:30
            <span style="float:right;">豪华大巴</span>
        </div>
    </div>

    <div class="row confirm-target"
         style="background-color: white;padding: 15px 0px 10px 0px;position: relative;top:-10px;">
        <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5" align="center" style="font-size: larger">
            云浮汽车站
        </div>
        <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" align="center" style="font-size: larger">
            <img src="/yunfu/Public/images/arrow-right-md.png">
        </div>
        <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5" align="center" style="font-size: larger">
            惠州汽车站
        </div>
    </div>

    <div class="row" style="background-color: white;margin-top: 0px;position: relative;top:-20px;">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
             style="font-size: large;color: red;padding: 5px 0px 5px 0px" align="center">
            票价:￥50&nbsp;&nbsp;&nbsp;班次:2013
        </div>
    </div>

    <div class="row" style="background-color: #3399FF;position: relative;top:-20px;">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
             style="font-size: large;padding: 10px 0px 10px 5px;color:white;">
            乘车人信息:2人
        </div>
    </div>

    <div class="row" style="position: relative;top:-20px; background-color:white;margin-bottom: 10px;">

        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

            <!--passenger list foreach-->
            <div class="row" style="border-bottom: dotted gray 2px;padding: 5px 0px 5px 5px;font-size: medium;">
                姓名:刘德华&nbsp;&nbsp;证件:13465489798
            </div>

            <div class="row" style="padding: 5px 0px 5px 5px;margin-top: 20px;">
                <div onclick="onDoc()"
                     class="col-xs-10 col-sm-10 col-md-10 col-lg-10 col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1"
                     style="font-size: medium;padding:5px 5px 5px 0px;border: solid gray 1px;" align="center">
                    退票、取票说明
                    <img src="/yunfu/Public/images/arrow-right-thin.png" style="float:right">
                </div>
            </div>

        </div>

    </div>


</div>

<script type="text/javascript">
    function onDoc() {
        window.location.href = "<?php echo U('');?>";
    }

</script>
</body>
</html>